آموزش صفر تا صد باتن (button)+ساخت یک پروژه ساده

آموزش صفر تا صد باتن (button)+ساخت یک پروژه ساده

آموزش صفر تا صد باتن (button)+ساخت یک پروژه ساده

بسم الله الرحمن الرحیم

سلام.اگر به ترتیب آموزش های ما را دنبال کرده باشید،در قسمت های قبلی ، نصب،راه اندازی  و معرفی دیزاینر و… را دنبال کردیم و صفحه ی کد نویسی را شرح دادیم.

خب ، به سراغ آموزش خود میرویم ، ابتدا b4a را باز کرده و یک پروژه ی جدید از مسیر file > new میسازیم و ذخیره  میکنیم.

2016-01-13_16-06-38

حالا طبق آموزش آشنایی با صفحه ی کد نویسی ، فیلد های name ، versioncode  و… را پرنمایید.

2016-01-13_16-12-25

 

در این قسمت از آموزش قصد دارم در مورد ابزار باتن توضیح دهیم.

باتن چیست ؟

به زبان عامیانه همان دکمه است.

60 درصد ابزار بکار رفته در بیشتر برنامه ، همین باتن است.برای مثال شما در  برنامه ی اس ام اس گوشی خود هنگامی که روی دکمه ی ارسال پیام کلیک میکنید،این دکمه یک باتن به حساب می آید.

کار باتن چیست ؟

باتن یک ابزار بسیار مهم در هر برنامه ایست که برای آن دستورات مختلف تعریف میکنیم،منظور از تعریف دستورات ، همان کد نویسی میباشد.

 

و اما آموزش ساخت یک باتن در پروژه ای که در بالا ساختیم.

ابتدا دیزاینر اسکریپت را از مسیر designer > open designer باز میکنیم .

2016-01-19_13-49-38

سپس ابزار button را از مسیر add view >button انتخاب میکنیم .

2016-01-19_13-50-35

حال در پنجره ی abstract designer ، شکل یک باتن را مشاهده میکنید.اگر به درسنامه ی آشنایی با designer توجه کرده باشید ، گفیتیم در  abstract ، نمایشی مصنوعی از آنچه در تلفن همراه نمایش داده میشود، میباشد.

2016-01-19_13-51-05

خب در درجه ی اول ، شما با اندازه و محل قرار گیری این باتن ، قطعا کار دارید.اگر صفحه ی abstract را صفحه ی گوشی فرض نماییم ، محلی که دوست دارید این دکمه ( باتن ) باشد را انتخاب کنید ، همچنین اندازه ی آن نیز با قرار دادن موس در حاشیه ی باتن ، بزرگ و کوچک میشود.

البته محل قرار گیری و تنظیم سایز گامی مهم است،در این بخش از آموزش تنها در همین حد اطلاع داشته باشید که با جابجایی باتن میتوان محل آنرا تغییر  داد.

از این جهت گامی مهم است که برای مثال شما باتنی را با اندازه ای دلخواه در کنار صفحه قرار میدهید ، اما این باتن با همان اندازه و محل قرار گیری در گوشی های مختلف نمایش داده نمیشود ، چرا که شاخص محل قرار گیری در گوشی های مختلف باسایز مختلف ، متغیر است مثلا در یک گوشی ، در بالا و  در یک گوشی دیگر ممکن است وسط قرار گیرد. این مشکل با کد نویسی حل میشود که در آموزش های بعدی به آن خواهیم پرداخت.

 

در قسمت properties نیز تنظیمات این باتن را مشاهده میکنید. عموما همه ی ابزار ها ، این قسمت را دارند.

آشنایی با تنظیمات ، برعهده ی خود شماست، فقط چند مورد پیشرفته تر مانند parent دارد که در طی آموزش ساخت برنامه هادر آینده توضیح میدهیم، اما مابقی تنظیماتی مانند رنگ و اسم و … هستند.

به یاد داشته باشید 70 درصد یادگیری برنامه نویسی ، اقدام کردن به ساخت برنامه و تمرین و تکرار است.

برگه ای که در آن این باتن را ساختید ، Layout نام دارد ، در این مرحله کافیست ، آنرا در قسمت file > save  ،  با نامی دلخواه ذخیره کنید.

پس از ذخیره سازی ، باید به صفحه ی اصلی کد نویسی رفته و آنرا با کد زیر به برنامه بشناسانید.برای مثال نام Layout انتخابی ما button میباشد، شناساندن در صفحه ی کد نویسی به این منظور است که ما به برنامه بفهمانیم همه ی محتوای این برگه را نمایش بدهد. و  آن با کد زیر امکان پذیر است .

 

1
Activity.LoadLayout("Layout1")</span><span class="hljs-selector-attr">


 

مطابق تصویر :

 

2016-01-19_15-30-12

خب حال میخواهیم این برنامه را بر روی گوشی تست کنیم !

طبق درسنامه ی اتصال تلفن همراه و کامپیوتر ، تلفن همراهتان را متصل نمایید.سپس مانند تصویر ، بر روی دکمه ی run کلیک کنید تا برنامه در گوشی شما اجرا شود !

 2016-01-19_15-30-34

نکته : این مطلب کاملا ابتدایی و برای افرادی مناسب است که هیچ دانشی درباره ی برنامه نویسی ندارند.در آینده ، با پیشرفت قدم به قدم فصل ها ، با آموزش های پیشرفته در خدمت شما هستیم.

 

تمرین !

تمامی ابزار های قسمت properties ( نظیر رنگ، متن و… ) تا جایی که برایتان مبهم نیست را حتما روی باتن  ساخته شده تست نمایید.

کارشما که تمام شد کافی است برنامه را ببندید و اگر دوباره قصد اضافه کردن ابزار یا ویرایشاتی به آن داشتید ، از محل ذخیره شده در ابتدا ، آنرا  باز نمایید.

موفق و پیروز باشید .

 

2016-01-13_16-06-38

حالا طبق آموزش آشنایی با صفحه ی کد نویسی ، فیلد های name ، versioncode  و… را پرنمایید.

2016-01-13_16-12-25

 

در این قسمت از آموزش قصد دارم در مورد ابزار باتن توضیح دهیم.

باتن چیست ؟

به زبان عامیانه همان دکمه است.

60 درصد ابزار بکار رفته در بیشتر برنامه ، همین باتن است.برای مثال شما در  برنامه ی اس ام اس گوشی خود هنگامی که روی دکمه ی ارسال پیام کلیک میکنید،این دکمه یک باتن به حساب می آید.

کار باتن چیست ؟

باتن یک ابزار بسیار مهم در هر برنامه ایست که برای آن دستورات مختلف تعریف میکنیم،منظور از تعریف دستورات ، همان کد نویسی میباشد.

 

و اما آموزش ساخت یک باتن در پروژه ای که در بالا ساختیم.

ابتدا دیزاینر اسکریپت را از مسیر designer > open designer باز میکنیم .

2016-01-19_13-49-38

سپس ابزار button را از مسیر add view >button انتخاب میکنیم .

2016-01-19_13-50-35

حال در پنجره ی abstract designer ، شکل یک باتن را مشاهده میکنید.اگر به درسنامه ی آشنایی با designer توجه کرده باشید ، گفیتیم در  abstract ، نمایشی مصنوعی از آنچه در تلفن همراه نمایش داده میشود، میباشد.

2016-01-19_13-51-05

خب در درجه ی اول ، شما با اندازه و محل قرار گیری این باتن ، قطعا کار دارید.اگر صفحه ی abstract را صفحه ی گوشی فرض نماییم ، محلی که دوست دارید این دکمه ( باتن ) باشد را انتخاب کنید ، همچنین اندازه ی آن نیز با قرار دادن موس در حاشیه ی باتن ، بزرگ و کوچک میشود.

البته محل قرار گیری و تنظیم سایز گامی مهم است،در این بخش از آموزش تنها در همین حد اطلاع داشته باشید که با جابجایی باتن میتوان محل آنرا تغییر  داد.

از این جهت گامی مهم است که برای مثال شما باتنی را با اندازه ای دلخواه در کنار صفحه قرار میدهید ، اما این باتن با همان اندازه و محل قرار گیری در گوشی های مختلف نمایش داده نمیشود ، چرا که شاخص محل قرار گیری در گوشی های مختلف باسایز مختلف ، متغیر است مثلا در یک گوشی ، در بالا و  در یک گوشی دیگر ممکن است وسط قرار گیرد. این مشکل با کد نویسی حل میشود که در آموزش های بعدی به آن خواهیم پرداخت.

 

در قسمت properties نیز تنظیمات این باتن را مشاهده میکنید. عموما همه ی ابزار ها ، این قسمت را دارند.

آشنایی با تنظیمات ، برعهده ی خود شماست، فقط چند مورد پیشرفته تر مانند parent دارد که در طی آموزش ساخت برنامه هادر آینده توضیح میدهیم، اما مابقی تنظیماتی مانند رنگ و اسم و … هستند.

به یاد داشته باشید 70 درصد یادگیری برنامه نویسی ، اقدام کردن به ساخت برنامه و تمرین و تکرار است.

برگه ای که در آن این باتن را ساختید ، Layout نام دارد ، در این مرحله کافیست ، آنرا در قسمت file > save  ،  با نامی دلخواه ذخیره کنید.

پس از ذخیره سازی ، باید به صفحه ی اصلی کد نویسی رفته و آنرا با کد زیر به برنامه بشناسانید.برای مثال نام Layout انتخابی ما button میباشد، شناساندن در صفحه ی کد نویسی به این منظور است که ما به برنامه بفهمانیم همه ی محتوای این برگه را نمایش بدهد. و  آن با کد زیر امکان پذیر است .

 

1
Activity.LoadLayout("Layout1")</span><span class="hljs-selector-attr">


 

مطابق تصویر :

2016-01-19_15-30-12

خب حال میخواهیم این برنامه را بر روی گوشی تست کنیم !

طبق درسنامه ی اتصال تلفن همراه و کامپیوتر ، تلفن همراهتان را متصل نمایید.سپس مانند تصویر ، بر روی دکمه ی run کلیک کنید تا برنامه در گوشی شما اجرا شود !

 2016-01-19_15-30-34

نکته : این مطلب کاملا ابتدایی و برای افرادی مناسب است که هیچ دانشی درباره ی برنامه نویسی ندارند.در آینده ، با پیشرفت قدم به قدم فصل ها ، با آموزش های پیشرفته در خدمت شما هستیم.

 

تمرین !

تمامی ابزار های قسمت properties ( نظیر رنگ، متن و… ) تا جایی که برایتان مبهم نیست را حتما روی باتن  ساخته شده تست نمایید.

کارشما که تمام شد کافی است برنامه را ببندید و اگر دوباره قصد اضافه کردن ابزار یا ویرایشاتی به آن داشتید ، از محل ذخیره شده در ابتدا ، آنرا  باز نمایید.

موفق و پیروز باشید .



برچسب ها : ,,,,,,,,,,,,,
مطالب مرتبط
بخش نظرات

برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید

نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه:







.